<!DOCTYPE html>
<html lang="fr" id="mag-chapter"><head><title>Plateforme de contenus</title>
<link href="main.css" media="screen" rel="stylesheet" type="text/css" >
<link href="../favicon.ico" rel="shortcut icon" type="image/x-icon" >
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" >
<meta http-equiv="Content-Language" content="fr" > 




<style type="text/css">.nav-wrapper .secondary-nav{display:none}.tree-5 ul.tree-5{display:block}#header .tree-5 li.tree-5{opacity:1}#header .tree-5 li.tree-5
a{color:#DE0025}.tree-6 ul.tree-6{display:block}#header .tree-6 li.tree-6{opacity:1}#header .tree-6 li.tree-6
a{color:#DE0025}.tree-7 ul.tree-7{display:block}#header .tree-7 li.tree-7{opacity:1}#header .tree-7 li.tree-7
a{color:#DE0025}.tree-8 ul.tree-8{display:block}#header .tree-8 li.tree-8{opacity:1}#header .tree-8 li.tree-8
a{color:#DE0025}.tree-9 ul.tree-9{display:block}#header .tree-9 li.tree-9{opacity:1}#header .tree-9 li.tree-9
a{color:#DE0025}</style>

<!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--></head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://www.appelsiini.net/download/jquery.lazyload.mini.js" charset="utf-8"></script>

<script type="text/javascript" charset="utf-8">
	$("img").lazyload();
</script>

<body class="magazine">
<div id="wrapper"> 

<div class="inner"> 

	



	<section id="content">
		
		<!-- <ul class="active-founders secondary-nav">
				<li class="3D tree-8">
					<a href="threed.html">3D DNA Origami</a>
				</li>
				<li class="2D tree-8">
					<a href="twod.html">2D DNA Origami</a>
				</li>
				<li class="founders tree-8">
					<a href="gallery.html"  style="color:red;">Gallery</a>
				</li>
				<li class="brain tree-8">
					<a href="brainstorming.html">Brainstorming</a>
				</li>
				<li class="taj tree-8">
					<a href="tajmahal.html" >About Taj Mahal</a>
				</li>
				
			</ul>	 -->

	
		
		
		<h1 class="heading-1">
	<h1 class="heading-1" style="font-size:34px;">Gallery</h1>
	<p class="teaser-article">A showcase of images, layouts and concepts
	that were a part of our design. </p>
	
	<span class="heading-2">
	<span class="hide">- </span></span> </h1>
	
	<h2 class="heading-3">Mixed Bag: <span>The below images were made using software like Autodesk Maya, Adobe Photoshop, Nano Engineer and caDNAno.
	<br /> It includes various prototypes and designs of 2D and 3D shapes we developed.</span></h2>
	<div class="clear line">&nbsp;</div>



	<div class="grid grid-w278-g20 grid-projects">



	
	<div class="cell"> 
		<article>
			<h3> 
				<a title="" href="imgs/random_gallery/minarets.jpg" target="_blank"> 
					<span class="hover"></span> 
					<span class="hover-picture">&nbsp;</span> 
					<img class="picture" width="278" height="168" src="imgs/random_gallery/minarets.jpg" alt="" /> 
					<span class="heading-2">Freehand concept sketch</span> 
					<span class="project-type">Taj Mahal Minaret</span> 
				</a>
			</h3> 
		</article>
	</div>
	
	<div class="cell"> 
		<article>
			<h3> 
				<a title="" href="imgs/logo-biomod.png" target="_blank"> 
					<span class="hover"></span> 
					<span class="hover-picture">&nbsp;</span> 
					<img class="picture" width="278" height="168" src="imgs/logo-biomod.png" alt="Old logo DA-NanoTrons" /> 
					<span class="heading-2">Our Old Logo</span> 
					<span class="project-type">BIOMOD-2011 | DA-NanoTrons</span>
				</a>
			</h3> 
		</article>
	</div>
	
	<div class="cell cell-last"> 
		<article>
			<h3> 
				<a title=""	href="imgs/3d/technique_1/panel_2/zoom_level_5_2.png" target="_blank"> 
					<span class="hover"></span> 
					<span class="hover-picture">&nbsp;</span> 
					<img class="picture" width="278" height="168" src="imgs/3d/technique_1/panel_2/zoom_level_5_2.png" alt="" /> 
					<span class="heading-2">caDNAno Panel 2</span> 
					<span class="project-type">Designing The Taj Mahal using Single-shape DNA Origami</span> 
				</a>
			</h3> 
		</article>
	</div>

	<div class="clear line">&nbsp;</div>
	
	<!-- 3 GRID WISE ROW OF IMAGES -->




	<div class="cell"> 
		<article>
			<h3> 
				<a title="" href="imgs/3d/technique_1/wiki/taj_2.gif" target="_blank"> 
					<span class="hover"></span> 
					<span class="hover-picture">&nbsp;</span> 
					<img class="picture" width="278" height="168" src="imgs/3d/technique_1/wiki/taj_2.gif" alt="" /> 
					<span class="heading-2">The Taj Mahal [24]</span> 
					<span class="project-type">Agra, India</span> 
				</a>
			</h3> 
		</article>
	</div>
	
	<div class="cell"> 
		<article>
			<h3> 
				<a title="" href="imgs/3d/technique_1/wiki/master-plan-final.gif" target="_blank"> 
					<span class="hover"></span> 
					<span class="hover-picture">&nbsp;</span> 
					<img class="picture" width="278" height="168" src="imgs/3d/technique_1/wiki/master-plan-final.gif" alt="" /> 
					<span class="heading-2">Master plan of Taj Mahal</span> 
					<span class="project-type">Autodesk Maya and Abobe Photoshop</span> 
				</a>
			</h3> 
		</article>
	</div>
	
	
	<div class="cell cell-last"> 
		<article>
			<h3> 
				<a title=""	href="imgs/random_gallery/3d-perspective2.jpg" target="_blank"> 
					<span class="hover"></span> 
					<span class="hover-picture">&nbsp;</span> 
					<img class="picture" width="278" height="168" src="imgs/random_gallery/3d-perspective2.jpg" alt="" /> 
					<span class="heading-2">Freehand concept sketch</span> 
					<span class="project-type">3D Perspective of Taj Mahal</span> 
				</a>
			</h3> 
		</article>
	</div>

	<div class="clear line">&nbsp;</div>
	
	<!-- 3 GRID WISE ROW OF IMAGES -->




	<div class="cell"> 
		<article>
			<h3> 
				<a title="" href="imgs/random_gallery/3d-perspective1.jpg" target="_blank"> 
					<span class="hover"></span> 
					<span class="hover-picture">&nbsp;</span> 
					<img class="picture" width="278" height="168" src="imgs/random_gallery/3d-perspective1.jpg" alt="" /> 
					<span class="heading-2">Freehand concept sketch</span> 
					<span class="project-type">3D Perspective of Taj Mahal</span> 
				</a>
			</h3> 
		</article>
	</div>
	
	<div class="cell"> 
		<article>
			<h3> 
				<a title="" href="imgs/2d/2d_gujarat/DNA_Gujarat_Map_unzoom.png" target="_blank"> 
					<span class="hover"></span> 
					<span class="hover-picture">&nbsp;</span> 
					<img class="picture" width="278" height="168" src="imgs/2d/2d_gujarat/DNA_Gujarat_Map_unzoom.png" alt="" /> 
					<span class="heading-2">2D DNA Origami of Gujarat Map</span> 
					<span class="project-type">Staplers in red, scaffold in blue</span> 
				</a>
			</h3> 
		</article>
	</div>
	
	
	<div class="cell cell-last"> 
		<article>
			<h3> 
				<a title=""	href="imgs/3d/technique_1/panel_2/zoom_level_5_4.png" target="_blank"> 
					<span class="hover"></span> 
					<span class="hover-picture">&nbsp;</span> 
					<img class="picture" width="278" height="168" src="imgs/3d/technique_1/panel_2/zoom_level_5_4.png" alt="" /> 
					<span class="heading-2">caDNAno Panel 2</span> 
					<span class="project-type">Designing The Taj Mahal using Single-shape DNA Origami</span> 
				</a>
			</h3> 
		</article>
	</div>

	<div class="clear line">&nbsp;</div>
	
	<!-- 3 GRID WISE ROW OF IMAGES -->




	<div class="cell"> 
		<article>
			<h3> 
				<a title="" href="imgs/2d/2d_gujarat/Gujarat_MAP_Staples_coloured_Area_Wise.bmp" target="_blank"> 
					<span class="hover"></span> 
					<span class="hover-picture">&nbsp;</span> 
					<img class="picture" width="278" height="168" src="imgs/2d/2d_gujarat/Gujarat_MAP_Staples_coloured_Area_Wise.bmp" alt="" /> 
					<span class="heading-2">2D DNA Origami of Gujarat Map</span> 
					<span class="project-type">Staplers colored area-wise</span> 
				</a>
			</h3> 
		</article>
	</div>
	
	<div class="cell"> 
		<article>
			<h3> 
				<a title="" href="imgs/random_gallery/tomb+body.jpg" target="_blank"> 
					<span class="hover"></span> 
					<span class="hover-picture">&nbsp;</span> 
					<img class="picture" width="278" height="168" src="imgs/random_gallery/tomb+body.jpg" alt="" /> 
					<span class="heading-2">Freehand concept sketch</span> 
					<span class="project-type">3D - Perspectives of tomb/body</span> 
				</a>
			</h3> 
		</article>
	</div>
	
	
	<div class="cell cell-last"> 
		<article>
			<h3> 
				<a title=""	href="imgs/3d/brainstorming/taj-square-lattice.gif" target="_blank"> 
					<span class="hover"></span> 
					<span class="hover-picture">&nbsp;</span> 
					<img class="picture" width="278" height="168" src="imgs/3d/brainstorming/taj-square-lattice.gif" alt="" /> 
					<span class="heading-2">caDNAno Panel 3</span> 
					<span class="project-type">The Taj Mahal using a single scaffold on a square lattice.</span> 
				</a>
			</h3> 
		</article>
	</div>

	<div class="clear line">&nbsp;</div>
	
	<!-- 3 GRID WISE ROW OF IMAGES -->




	<div class="cell"> 
		<article>
			<h3> 
				<a title="" href="imgs/3d/konkad/konkad-render1.png" target="_blank"> 
					<span class="hover"></span> 
					<span class="hover-picture">&nbsp;</span> 
					<img class="picture" width="278" height="168" src="imgs/3d/konkad/konkad-render1.png" alt="" /> 
					<span class="heading-2">An image rendered by KonCAD</span> 
					<span class="project-type">2D Concentric rings.</span> 
				</a>
			</h3> 
		</article>
	</div>
	
	<div class="cell"> 
		<article>
			<h3> 
				<a title="" href="imgs/3d/konkad/logo.png" target="_blank"> 
					<span class="hover"></span> 
					<span class="hover-picture">&nbsp;</span> 
					<img class="picture" width="278" height="168" src="imgs/3d/konkad/logo.png" alt="" /> 
					<span class="heading-2">KonCAD</span> 
					<span class="project-type">Our software contribution</span> 
				</a>
			</h3> 
		</article>
	</div>
	
	
	<div class="cell cell-last"> 
		<article>
			<h3> 
				<a title=""	href="imgs/3d/brainstorming/brainstorm1.png" target="_blank"> 
					<span class="hover"></span> 
					<span class="hover-picture">&nbsp;</span> 
					<img class="picture" width="278" height="168" src="imgs/3d/brainstorming/brainstorm1.png" alt="" /> 
					<span class="heading-2">Prototyping the Taj Mahal in progress</span> 
					<span class="project-type">using Autodesk Maya</span> 
				</a>
			</h3> 
		</article>
	</div>

	<div class="clear line">&nbsp;</div>
	
	<!-- 3 GRID WISE ROW OF IMAGES -->




	<div class="cell"> 
		<article>
			<h3> 
				<a title="" href="imgs/3d/technique_1/panel_3/3D_zoom1.png" target="_blank"> 
					<span class="hover"></span> 
					<span class="hover-picture">&nbsp;</span> 
					<img class="picture" width="278" height="168" src="imgs/3d/technique_1/panel_3/3D_zoom1.png" alt="" /> 
					<span class="heading-2">The Taj Mahal</span> 
					<span class="project-type">3D View caDNAno Panel 3</span> 
				</a>
			</h3> 
		</article>
	</div>
	
	<div class="cell"> 
		<article>
			<h3> 
				<a title="" href="imgs/3d/octagon/octagonal_cylindrical_structure.png" target="_blank"> 
					<span class="hover"></span> 
					<span class="hover-picture">&nbsp;</span> 
					<img class="picture" width="278" height="168" src="imgs/3d/octagon/octagonal_cylindrical_structure.png" alt="" /> 
					<span class="heading-2">Nano Engineers I</span> 
					<span class="project-type">Octagonal cylindrical structure</span> 
				</a>
			</h3> 
		</article>
	</div>
	
	
	<div class="cell cell-last"> 
		<article>
			<h3> 
				<a title=""	href="imgs/3d/broad-base/broad-base2.png" target="_blank"> 
					<span class="hover"></span> 
					<span class="hover-picture">&nbsp;</span> 
					<img class="picture" width="278" height="168" src="imgs/3d/broad-base/broad-base2.png" alt="" /> 
					<span class="heading-2">Prototype of a proposed concept</span> 
					<span class="project-type">Space-filled 3D DNA Origami structures with a flattened base.</span> 
				</a>
			</h3> 
		</article>
	</div>

	<div class="clear line">&nbsp;</div>
	
	<!-- 3 GRID WISE ROW OF IMAGES -->




	<div class="cell"> 
		<article>
			<h3> 
				<a title="" href="imgs/3d/master-plan-final.gif" target="_blank"> 
					<span class="hover"></span> 
					<span class="hover-picture">&nbsp;</span> 
					<img class="picture" width="278" height="168" src="imgs/3d/master-plan-final.gif" alt="" /> 
					<span class="heading-2">Autodesk Maya</span> 
					<span class="project-type">Master plan of Taj Mahal made for Technique 2</span> 
				</a>
			</h3> 
		</article>
	</div>
	
	<div class="cell"> 
		<article>
			<h3> 
				<a title="" href="imgs/3d/technique_1/wiki/taj-shadow.jpg" target="_blank"> 
					<span class="hover"></span> 
					<span class="hover-picture">&nbsp;</span> 
					<img class="picture" width="278" height="168" src="imgs/3d/technique_1/wiki/taj-shadow.jpg" alt="" /> 
					<span class="heading-2">A Silhouette</span> 
					<span class="project-type">Taj Mahal</span> 
				</a>
			</h3> 
		</article>
	</div>
	
	
	<div class="cell cell-last"> 
		<article>
			<h3> 
				<a title=""	href="imgs/2d/2d_gujarat/dna.jpg" target="_blank"> 
					<span class="hover"></span>
					<span class="hover-picture">&nbsp;</span> 
					<img class="picture" width="278" height="168" src="imgs/2d/2d_gujarat/dna.jpg" alt="" /> 
					<span class="heading-2">3D DNA Brick</span> 
					<span class="project-type">A proposed concept</span> 
				</a>
			</h3> 
		</article>
	</div>

	<div class="clear line">&nbsp;</div>
	
	<!-- 3 GRID WISE ROW OF IMAGES -->




	<div class="cell"> 
		<article>
			<h3> 
				<a title="" href="imgs/3d/technique_1/wiki/brainstorm-design.gif" target="_blank"> 
					<span class="hover"></span> 
					<span class="hover-picture">&nbsp;</span> 
					<img class="picture" width="278" height="168" src="imgs/3d/technique_1/wiki/brainstorm-design.gif" alt="" /> 
					<span class="heading-2">3D DNA Origami of Taj Mahal</span> 
					<span class="project-type">Two possible orientations in which we could create the structure.</span> 
				</a>
			</h3> 
		</article>
	</div>
	
	<div class="cell"> 
		<article>
			<h3> 
				<a title="" href="imgs/3d/technique_1/wiki/scaffold-path.jpg" target="_blank"> 
					<span class="hover"></span> 
					<span class="hover-picture">&nbsp;</span> 
					<img class="picture" width="278" height="168" src="imgs/3d/technique_1/wiki/scaffold-path.jpg" alt="" /> 
					<span class="heading-2">Routing a continuous path through the scaffold.</span>
					<span class="project-type">3D DNA Origami - caDNAno</span> 
				</a>
			</h3> 
		</article>
	</div>
	
	
	<div class="cell cell-last"> 
		<article>
			<h3> 
				<a title=""	href="imgs/3d/triangular-container.png" target="_blank"> 
					<span class="hover"></span> 
					<span class="hover-picture">&nbsp;</span> 
					<img class="picture" width="278" height="168" src="imgs/3d/triangular-container.png" alt="" />
					<span class="heading-2">3D DNA Origami - Nano Engineers I</span> 
					<span class="project-type">A 2 sided tetrahedron.</span> 
				</a>
			</h3> 
		</article>
	</div>

	<div class="clear line">&nbsp;</div>
	
	<!-- 3 GRID WISE ROW OF IMAGES -->




	<div class="cell"> 
		<article>
			<h3> 
				<a title="" href="imgs/3d/technique_1/wiki/honeycomb-latice.gif" target="_blank"> 
					<span class="hover"></span> 
					<span class="hover-picture">&nbsp;</span> 
					<img class="picture" width="278" height="168" src="imgs/3d/technique_1/wiki/honeycomb-latice.gif" alt="" /> 
					<span class="heading-2">Honeycomb Lattice</span> 
					<span class="project-type">Upto three neighbours are possible per strand in the structure.</span> 
				</a>
			</h3> 
		</article>
	</div>
	
	<div class="cell"> 
		<article>
			<h3> 
				<a title="" href="imgs/3d/technique_1/panel_2/zoom_level_5_1.png" target="_blank"> 
					<span class="hover"></span> 
					<span class="hover-picture">&nbsp;</span> 
					<img class="picture" width="278" height="168" src="imgs/3d/technique_1/panel_2/zoom_level_5_1.png" alt="" /> 
					<span class="heading-2">caDNAno Panel 2</span> 
					<span class="project-type">3D DNA Origami of Taj Mahal</span> 
				</a>
			</h3> 
		</article>
	</div>
	
	
	<div class="cell cell-last"> 
		<article>
			<h3> 
				<a title=""	href="imgs/3d/brainstorming/staplers-crossover-connecting-multiple-strands.png" target="_blank"> 
					<span class="hover"></span> 
					<span class="hover-picture">&nbsp;</span> 
					<img class="picture" width="278" height="168" src="imgs/3d/brainstorming/staplers-crossover-connecting-multiple-strands.png" alt="" /> 
					<span class="heading-2">A proposed concept.</span> 
					<span class="project-type">Joining two different strands using a single stapler illustrated.</span> 
				</a>
			</h3> 
		</article>
	</div>

	<div class="clear line">&nbsp;</div>
	
	<!-- 3 GRID WISE ROW OF IMAGES -->
	
	<!-- 3 GRID WISE ROW OF IMAGES -->

	<!-- 3 GRID WISE ROW OF IMAGES -->
	
	</div>
	</section>
	
	
	</div></div>
	<div class="clear"></div>






<script type="text/javascript" src="scripts.js"></script> </body></html>
<!-- Localized -->